<template>
 <div class="youke">
     <Navs left></Navs>
     <Main>
      <div class="appeal-group" v-if="query.content">
        <div>
           <div>申诉详情</div>
            <div>{{query.time}}</div>
        </div>
        <div>{{query.content}}</div>
      </div>
      <div v-else></div>
     </Main>
 </div>
</template>

<script type="text/ecmascript-6">
import { trads } from "@/api";
 export default {
 //接收父级传递的参数
  props:[],
 //监听数据变化
  watch:{},
   data() {
     return {
      query:{
        time:"",
        content:""
      }
     }

   },
//实例初始化之前触发事件
   beforeCreate(){},
//实例化之后触发事件
   created(){
     this.getlist()
   },
//实时监控data参数数据变化
   computed:{},
 //模板组件
   components: {

   },
//执行方法
   methods:{
     getlist(){
       trads.ssview({did:this.$route.query.id}).then(res=>{
         if(res.code==1000){
           this.query.time=res.result.inputtime;
           this.query.content=res.result.content
         }
       })
     }
   },
   mounted(){},
//路由退出时候调用
   //beforeRouteLeave(to, from, next){next()}
 }
</script>

<style scoped lang="less">
 .appeal-group{
   background: #fff;
   margin-top: 0.5rem;
   padding:0.5rem;
   &>div:first-child{
     display: flex;
     justify-content:space-between;
     padding:1rem 0;
     border-bottom:1px solid #ededed;
     margin-bottom: 0.5rem;
   }
 }
 
</style>
